.login {
    position: absolute;
    /* 绝对定位 会脱离文档流*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../../assets/login.png);
    background-position: center center;
    /* 完整覆盖整个容器 */
    background-size: cover;
}

.login-container {
    width: 440px;
    height: 360px;
    /* 绝对定位 会脱离文档流相对父容器定位*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.2);

}

.login-logo {
    width: 60px;
    display: block;
    /* 上外边距0 下边距20 左右自适应  可以控制块级元素在父容器内居中 */
    margin: 0 auto 20px;
}